// 头部输入组件
import React, { Component } from 'react';
import header from "../css/MyHeader.module.css"
import img1 from "../img/images/01-首页-快捷入口_02.gif"
import { CustomerServiceOutlined } from '@ant-design/icons';

class MyHeader extends Component {
    render() {
        return (
            <div className={header.top}>
                <img src={img1} alt="" />
                <div>
                    {/* <SearchOutlined style={{ fontSize: "24px", position: "absolute", top: 62, left: 300, }} /> */}
                    <input type="text" placeholder='搜索商品' />
                    <div>
                        <CustomerServiceOutlined style={{ fontSize: "20px", position: "absolute", top: 54, left: 340, }} />
                        <span className={header.bot}>客服</span>
                    </div>
                </div>
            </div>
        );
    }
}

export default MyHeader;
